Perubahan fluter bloc versi 1 
Ada beberapoa perubahan yg harus tau 
Dan ada lagi plugin vs code 
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In order to run your application, type 


$ cd. 
$ flutter run 


Your application code is in .\lib\main.dart. 
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In order to run your application, type 


$ cd. 
$ flutter run 


Your application code is in .\lib\main.dart. 
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Ini untuk meningkatkan terus 
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In order to run your application, type: 
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$ flutter run 


Your application code is in .\lib\main.dart 


exit code @ 
> DISABLED 


D D'in here san 


Plugin ini memjbuat flutter bloc 
instal 

Nanti tunjukan cara pengunaan nya 
Kalau usdah ke main dart lagi 
Seperti biasa buat myApp nya lalu 
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home ke MainPage 


© mindan * 
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D - Type here to search 
Buat MainPage 


Kasih judul 
Dibody buat center 


$ cd 
$ flut 


Child nya column mainaxis nya center 
Children nya text yaitu angkanya 0 dulu 
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mainAxisAlignment: MainAxisAlignment.center, 
children: <Widget>[ 
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In order to run your application, type: 


$ cd. 
$ flutter run 


n anta , Your application code is in .\lib\main.dart. 


Lalu dibawah ada row buat 2 buah button 

mainAxisnya center 

floatingActionButton onprased kosongi child pasang icon tanda panah bawah 
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In order to run your application, type: 


$ cd 
$ flutter run 


pis , Your application code is in .\lib\main.dart. 
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V VARIABLES 
void main = runApp(MyApp()); 


class p extends Stateles 
@doverride 
Widget build ldContext context) 1 
return MaterialApp( 
debugShowCheckedModeBanner: 
home: Mair 


MainPage extends 
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et build(BuildContext context) { 
return Scaffold( 
appBar: AppBar 
v CALL STACK title: Text( 


Launching lib'main.dart on RNE L22 in debug mode 
Built build\app\outputs\apk\debug\app-debug.apk. 
I/flutter ( 814): Overflow on channel: flutter/lifecycle. Messages on 
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Maka tampilan seperti ini sekrang stop dulu 
Sekarang pakai flutter bloc nya 
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Application finished. 
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Iflutter bloc ver1 demo] flutter packages get 
Running “flutter pub get" in flutter bloc veri demo... 
exit code 0 
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Kasih nama counter 
Untuk saat ini kita tidak pakai equable amak no 
Kalau sudah maka dia oomatis akan mengenerate kode bloc didalam ada 4 buah file 
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environment: 
sdk: 


dependencies: 
flutter: 
sdk: 
bloc: . 
flutter bloc: 


cupertino_icons: 


dev_dependencies: 
flutter test: 
sdk: 
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Iflutter bloc ver1 demo] flutter packages get 
Running "flutter pub get" in flutter bloc veri1 demo... 
exit code 0 
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Iflutter bloc ver1 demo] flutter packages get 
Running lutter pub get" in flutter bloc ver1 demo... 
exit code 0 
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Iflutter bloc ver1 demo] flutter packages get 
Running "flutter pub get" in flutter bloc ver1 demo... 
exit code 0 
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Iflutter bloc ver1 demo] flutter packages get 
Running "flutter pub get" in flutter bloc veri demo... 
exit code 0 
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Ini adalah clas counter bloc kita 
Lalu ada bloc dart 


bloc.dart 
V OPEN EDITORS counter bloc.dart': 
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counter state.dart'; 
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Iflutter bloc ver1 demo] flutter packages get 
Running "flutter pub get" in flutter bloc veri demo... 
exit code @ 
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Ini meng sBung kenga buahh file tadi kalau kita import tidak import ketiga file 
Cukup import bloc dart saja maka bisa mengakses ketiga ini 

Pertama masuk conter event kita buat event 

Dalam counter bloc kita punya 2 buah event increment dan decrement 
Jadi disni kita buat class Increment extedns dari counterEvent 

Dan buat decrement 


V OPEN EDITORS package:meta/meta.dart'; 


Bearer {} 


4 
dea 


(flutter bloc ver1 demo] flutter packages get 
Running “flutter pub get" in flutter bloc veri demo... 
exit code 0 
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Kita buat class dari turunan counter state 
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Iflutter bloc ver1 demo] flutter packages get 
Running “flutter pub get" in flutter bloc ver1 demo... 
exit code 0 


Kita lihat di counter bloc 
Dsini initialState adalah InitialCounterState karena state kita punya hanya satu 


buah integer dan nilai awal nya null 
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<a dart:async'; 

ins package:bloc/bloc.dart'; 
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Iflutter bloc ver1 demo] flutter packages get 
Running “flutter pub get" in flutter bloc veri demo... 
exit code 0 


Maka counter satte gk perlu banyk2 clas 
Cukup satu saja 
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jadi disni kita hilangkan abtrackt class nya lalu dab initalCounterState kita hapus 
lalu didalam nya satu buah integer yaitu valuenya 
buat contructornya untuk minta value nya 
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import 
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class CounterState 


final int value; 


CounterState(this.value);| 


[flutter_bloc_ver1_demo] flutter packages get 
Running "flutter pub get" in flutter_bloc_ver1_demo ... 
exit code 0 


Dsini sudah beres sekarang kita ke counter bloc 


Berarti initialCounterState sudah tidak ada kita ganti CounterState lalu nilai awal(0) 
Lalu di mapEventTostate 

Kita ubah isinya 

Kita akan kembalikan kita yield ada 2 macam nilai dikembalikan 

Jika event itu increment mka nilai dikemblikan adalah angka yg sudah ditambhkan 
Tapi kalau decrement nilai saat ini kurangi satu 

Oleh karena itu disni kita berikan () kalau event itu as Increment maka dikembalikan 
? counterState baru yg nilai nya adalah nialai saat ini ditambh satu 

counterStaet itu disimpan didalm state saat ini maka value menjadi state.value + 1 
ini adalah nialai saat ini 

: kalau bukan maka nialistate.value kurangi satu 
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Iflutter bloc ver1 demo] flutter packages get 
Running "flutter pub get" in flutter bloc veri1 demo... 
exit code 0 
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Kira kembali ke maindart 
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void main => runApp(MyApp()); 
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Widget build(BuildContext context) { 
return MaterialApp( 
debugShowCheckedModeBanner: false, 
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override 
build(BuildContext context) { 
return Scaffold( 
appBar: 
title: Text( 
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[flutter_bloc_ver1_demo] flutter packages get 
Running "flutter pub get" in flutter bloc veri demo... 
exit code @ 
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blocProvider tiper nya<counterbloc> 
builder: (context) dia akan kembalikan => CounterBloc kita import dari bloc.dart 
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package: flutter_bloc/flutter_bloc.dart'; 
package: flutter_bloc_ver1_demo/bloc/bloc.dart'; 
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build( context) { 
return ( 
debugShowCheckedModeBanner: 
home: « 
builder: (context) = 
child: ()), 


[flutter_bloc_veri_demo] flutter packages get 
Running "flutter pub get" in flutter_bloc_ver1_demo... 
exit code 0 
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Maka otomatis file event state dan bloc sudah dimasukan 
Sekarang si Text ini memkai nilai dari counterBloc 
Klik kana refactor widget disni pasang blocBuilder tipenyaxcounterbloc, kembalikan 
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Child ganti jadi builder: dalam kurung context, nama countersatte yg dikemablikan 
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Maka di text isinya adalah counter.State.value.tostring 
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Iflutter bloc ver1 demo] flutter packages get 
Running "flutter pub get" in flutter bloc veri demo... 
exit code 0 
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Iflutter bloc ver1 demo] flutter packages get 
Running “flutter pub get" in flutter bloc verl demo... 
exit code 0 
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Ketika tombol panah bawah ditekan kita akan dispant 
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onPressed: 
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Iflutter bloc ver1 demo] flutter packages get 
Running "flutter pub get" in flutter bloc veri demo... 


exit code 0 
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Iflutter bloc ver1 demo] flutter packages get 


Running "flutter pub get" in flutter bloc ver1 demo... 
exit code 0 
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